<!-- 温馨提示 -->
<template>
    <div class="prompt-warm-box">
        <div class="prompt-warm-con">
            <span class="warm-title"><i class="iconfont icon-tixing"></i>温馨提示：</span>{{warContent}}
        </div>
    </div>
</template>

<script lang="ts">
    import { Vue, Component } from 'vue-property-decorator';
    @Component({
        props: ['warContent']
    })
    export default class WarmPrompt extends Vue {

    }
</script>

<style lang="scss" scoped>
    .prompt-warm-box {
        display: flex;
        justify-content: center;
    }
    .prompt-warm-con {
        width: 1200px;
        font-size: $__little-font-size;
        color: $__color-label;
        .warm-title {
            font-size: $__font-size-default;
        }
        .icon-tixing {
            color: $__color-remind;
        }
    }
</style>